<template>
	<el-container>
		<el-aside width="90px">
			<h1>诊</h1>
			<ul>
				<li :class="{ 'selected-item': isSelected }">
					<router-link to="/home">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye"></use>
						</svg>
					</router-link>
				</li>
				<li :class="{ 'selected-item': isSelected }" >
					<router-link to="/appointment">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-yuyue"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/consult">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye8"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/charge">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye9"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/pharmacy">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye2"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/pharmacy">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-zhihang"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-yonghu"></use>
					</svg>
				</li>
				<li>
					<router-link to="/appiontmentSee">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-kufangguanli"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/users">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye1"></use>
						</svg>
					</router-link>
				</li>
				<li>
					<router-link to="/index/appointment">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#icon-shouye4"></use>
						</svg>
					</router-link>
				</li>
			</ul>
		</el-aside>
		<el-main>
			<el-container>
				<el-header height="64px">
					<div class="user-info">
						<i class="el-icon-search"></i>
						<i class="el-icon-bell"></i>
						<el-dropdown>
							<span class="el-dropdown-link">
								<img src="../../assets/img/portraint.jpg" alt="123">
								<span>陈志斌</span>
								<i class="el-icon-caret-bottom"></i>
							</span>
							<el-dropdown-menu slot="dropdown">
								<el-dropdown-item>我的消息</el-dropdown-item>
								<el-dropdown-item>设置</el-dropdown-item>
								<el-dropdown-item divided>退出登录</el-dropdown-item>
							</el-dropdown-menu>
						</el-dropdown>
					</div>
				</el-header>
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-container>
		</el-main>
	</el-container>
</template>
<script>
	import './main.less'
	export default {
		name: 'Main',
		data(){
			return {
				isSelected:true
			}
		},
		methods:{
			seeSelected(){
				
			}
		}
	}
</script>

